Groups

${breadcrumbs}
            <div class="slGroupInfo">
                <a href="${urls.groups.overview(group.CommunityGroupKey.Key)}"><img alt="" src="${group.AvatarImageUrl}" class="slAvatar"/></a>
                <h1 class="slPageTitle">${options.prependTitle} ${group.Title} <span class="groupClass">(${group.CommunityGroupVisibility})</span> ${options.appendTitle}</h1>
            </div>
        
            {if options.showTearOff != 'False'}
            {var tearOffGroupUrl = PLUCKSL_GLOBAL_OPTIONS.siteLifeBaseUrl + "content/widgets/groups/widget.js";}
            <div id="${tearOffId}" style="display: none">
                <div class="slSectionTitle">
                    Take This ${options.tearOffType} With You
                </div>
                <div class="slForm">
                    <div class="slFormField">
                        <label>Copy and paste the text below into any website or blog</label>
                        <textarea class="slFormInput slFormInputText" style="height:300px;">
                        
                        <div style="width: 1000px;">
                            <script type="text/javascript">
                                PLUCKSL_WIDGET_URL = ${windowScript}
                                PLUCKSL_WIDGET_URL();
                            </script>
                            <div class="slV2">
                                <script type="text/javascript" src="${tearOffGroupUrl}"></script>
                            </div>
                            <script type="text/javascript">
                                FCKeditor_IsCompatibleBrowser = function() { return false; }
                            </script>
                            <div><br style="clear:both;"/></div>
                        </div>
                        
                        </textarea>
                    </div> 
                    <div class="slButtons slFLC">
                        <a href="javascript:void(0);" onclick="WIDGETINSTANCE.hideTearOff(); return false;" class="slCancel">Close</a>
                    </div>
                </div>
            </div>
            ${tearOffModal}
            {/if}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
            <div id="slGroupLanding" class="slGroupLanding slV2">
                <div class="slColumn1">
                    <div class="slPrivateGroupSummary">
                        This private group has:
                        <div class="slGroupStatsList">
                            <span class="slGroupStats">${group.CommunityGroupStats.MemberCount}</span> members,
                            <span class="slGroupStats">${group.CommunityGroupStats.ForumDiscussionCount}</span> discussions,
                            <span class="slGroupStats">${group.CommunityGroupStats.BlogPostCount}</span> blog posts,
                            <span class="slGroupStats">${group.CommunityGroupStats.PhotoCount}</span> photos,
                            <span class="slGroupStats">${group.CommunityGroupStats.VideoCount}</span> videos and
                            <span class="slGroupStats">${group.CommunityGroupStats.UpcomingEventCount}</span> upcoming events
                        </div>
        
                    </div>
                </div>
                <div class="slColumn2 externalApps">
                    <div class="slCmsContent"></div>
                    ${status}
                </div>
            </div>
            {else}
        
            <div id="slGroupLandingWait" class="slBuildWait slV2">
                <div class="slWaitTimePassage"></div>
                <div class="slWaitMsg">Please wait while we retrieve the information.</div>
        
            </div>
            <div id="slGroupLanding" class="slGroupLanding slV2" style="display:none;">
                <div class="slColumn1">
                    ${searchBar}
                    ${recentConversations}
                    ${recentActivities}
                    ${managerList}
                </div>
                <div class="slColumn2 externalApps">
                    <div class="slCmsContent"></div>
                    
                    ${status}
                    ${miniMemberList}
                    ${miniMediaList}
                    ${upcomingEvents}
                    ${groupLinks}
                    ${pluckLogo}
                </div>
            </div>
            {/if}
            ${messageBox}
        
            <div id="${newestMemberMessageId}" style="display:none;">
                <h2>You are the newest member of "%0"</h2>
            </div>
            <div id="${joinThisGroupMessageId}" style="display:none;">
                <h2>Submit a request to join "%0"</h2>
            </div>

{for item in paginationLimit}
                            {if thisPage <= endPage}
                                {if item <= maxPage}
                                    {if thisPage != currentPage}
                                        <li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${thisPage}); return false;">${thisPage}</a></li>
                                    {else}
                                        <li><span class="paginationNumber">${thisPage}</span>
                                    {/if}

{/if}
                            {/if}
                            {var thisPage = thisPage + 1}
                        {/for}

{if hasLastPage}
                            <li><span class="slPaginationSeparator">...</span></li>
                            <li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${maxPage}); return false;">${maxPage}</a></li>
                        {/if}
                        {if paginationVars.nextPageNum}
                            <li><a href="#" class="slPaginationButtonNext" onclick="WIDGETINSTANCE.nextPage(); return false;"></a></li>
                        {else}
                            <li><span class="slPaginationButtonNextDisabled"></span></li>
                        {/if}
                    {else}
                        {if paginationVars.firstPageNum}<li><a href="#" onclick="WIDGETINSTANCE.firstPage(); return false;">« First</a></li>{/if}
                        {if paginationVars.prevPageNum}<li><a href="#" onclick="WIDGETINSTANCE.prevPage(); return false;">Previous</a></li>{/if}
                        {if paginationVars.nextPageNum}<li><a href="#" onclick="WIDGETINSTANCE.nextPage(); return false;">Next</a></li>{/if}
                        {if paginationVars.lastPageNum}<li><a href="#" onclick="WIDGETINSTANCE.lastPage(); return false;">Last »</a></li>{/if}
                    {/if}
                    </ul>
                    <div class="slClear"></div>
                    {/if}
                </div>
            {/macro}
                <div id="slGroupDiscussions" class="slGroupDiscussions slV2">
                    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
                         <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton2"><span class="slButton2_Right">START A DISCUSSION</span></a>
                    {/if}
                    ${joinThisGroup}
                    <div class="slClear"></div>
                    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
                    <div class="slGroupDiscussionList slTabular"><div class="slTR"><div class="slBL"><div class="slBR">
                        <div class="sthislContent">
                            <table>
                                <tr>
                                    <th>Type</th>
                                    <th>Discussions</th>
                                    <th>Started By</th>
                                    <th>Views</th>
                                    <th>Posts</th>
                                    <th>Latest Post</th>
                                </tr>
                                {for discussion in discussions}
                                {var isAlt = (discussion_index % 2 == 1);}
                                {var hasNewPosts = ((new Date(discussion.LastUpdated)) > (new Date(discussion.LastRead)))}
                                <tr class="{if isAlt} slTabularAlt{/if} {if isBozo(discussion.LiteUser)}slBozoContent{/if} {if hasNewPosts} slDiscussionWithNewPosts{/if}">
                                    {if discussion.IsClosed == "True" && discussion.IsSticky == "True"}
                                        {var iconClass = "slIcon_DiscussionClosedSticky"}
                                    {elseif discussion.IsSticky == "True" && discussion.IsQuestion == "True"}
                                        {var iconClass = "slIcon_DiscussionStickyQuestion"}
                                    {elseif discussion.IsSticky == "True"}
                                        {var iconClass = "slIcon_DiscussionSticky"}
                                    {elseif discussion.IsPoll == "True"}
                                        {var iconClass = "slIcon_DiscussionPoll"}
                                     {elseif discussion.IsClosed == "True" && discussion.IsQuestion == "True"}
                                        {var iconClass = "slIcon_DiscussionClosedQuestion"}
                                    {elseif discussion.IsClosed == "True"}
                                        {var iconClass = "slIcon_DiscussionClosed"}
                                    {elseif discussion.IsPoll == "True"}
                                        {var iconClass = "slIcon_DiscussionPoll"}
                                    {elseif discussion.IsQuestion == "True" }
                                        {var iconClass = "slIcon_DiscussionQuestion"}
                                    {else}
                                        {var iconClass = ""}
                                    {/if}

{var titleText = ""}
                                    {eval}
                                        var titleAttributes = new Array();

if (discussion.IsClosed == "True") {
                                            titleAttributes.push("Closed");
                                        }
                                        if (discussion.IsSticky == "True") {
                                            titleAttributes.push("Sticky");
                                        }
                                        if (discussion.IsPoll == "True") {
                                            titleAttributes.push("Poll");
                                        }
                                        else if (discussion.IsQuestion == "True") {
                                            titleAttributes.push("Question");
                                        }

titleText = titleAttributes.join(", ");
                                    {/eval}
                                    <td class="slDiscussionType ${iconClass}" title="${titleText}"> </td>
                                    <td class="slDiscussionTitle"><a href="${urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}">${discussion.DiscussionTitle}</a></td>
                                    <td class="slDiscussionBy"><a href="${discussion.LiteUser.PersonaUrl}">${discussion.LiteUser.DisplayName}</a></td>
                                    <td class="slDiscussionViews">${discussion.DiscussionViewCount}</td>
                                    <td class="slDiscussionPosts">
                                        {if hasNewPosts}
                                            <a href="#" onclick="WIDGETINSTANCE.goToFirstUnread('${discussion.ForumDiscussionKey.Key}')" class="slGoToFirstUnread" title="Go to First Unread Post in this Discussion">${discussion.PostCount}</a>
                                        {else}
                                            ${discussion.PostCount}
                                        {/if}
                                    </td>
                                    <td class="slDiscussionReply"><a href="#" onclick="WIDGETINSTANCE.goToLatest('${discussion.ForumDiscussionKey.Key}')">${toLocalTimeString(discussion.LastUpdated)}</a><br/> by <a href="${discussion.LastPostBy.PersonaUrl}">${discussion.LastPostBy.DisplayName}</td>
                                </tr>
                                {forelse}
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td class="slNoContent">There are no discussions at this time.</td>
                                    <td></td>
                                </tr>
                                {/for}
                            </table>
                        </div>
                    </div></div></div></div>
                    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
                        <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('startDiscussion'); return false;" class="slButton1 slStartDiscussion"><span class="slButton1_Right">Start a Discussion</span></a>
                        {if options.forumEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
                            {if !isSubscribed}
                                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.ForumSubscribe(); return false;" class="slCancel">Subscribe</a>
                            {else}
                                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.ForumUnSubscribe(); return false;" class="slCancel">Unsubscribe</a>
                            {/if}
                        {/if}
                    {/if}
                    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
                </div>
            {/if}

${newPostWidget}
            <div class="slPluckLogoDiscussionsPage">
                ${pluckLogo}
            </div>

{var BLOGS_TAB = 'Blogs'}
            {var DISCUSSIONS_TAB = 'Discussions'}
        
            <div class="slRecentConversations slContainer">
                <ul class="slTabs">
                    <li class="{if options.currentTab == DISCUSSIONS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showDiscussionsTab()">Discussions</a></li>
                    <li class="{if options.currentTab == BLOGS_TAB}slSelected{/if}"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.showBlogsTab()">Blog Posts</a></li>
                </ul>
                <a class="slAddNew" href="{if options.currentTab === BLOGS_TAB}${urls.groups.showBlog(options.groupKey, blogKey)}{elseif options.currentTab === DISCUSSIONS_TAB}${urls.groups.showForumDiscussion(options.groupKey, forumKey)}{/if}"></a>
                <h2 class="slSectionTitle">Recent Conversations</h2>
                {if options.currentTab == BLOGS_TAB}
                {if blogPosts.length > 0}
                <a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey)}">View all »</a>
                {elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
                <a class="slViewAll" href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">Create a new post »</a>
                {/if}
                {elseif options.currentTab == DISCUSSIONS_TAB}
                {if discussionPosts.length > 0}
                <a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey)}">View all »</a>
                {elseif currentGroup.RequestingUsersMembershipTier !== 'NonMember'}
                <a class="slViewAll" href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start a discussion »</a>
                {/if}
                {/if}
                {if options.currentTab == BLOGS_TAB}
                <ul class="slContent">
                    {for blog in blogPosts}
                    {var blogPostLink = urls.groups.showBlogPost(options.groupKey, blogKey, blog.BlogPostKey.Key)}
                    <li class="{if WIDGETINSTANCE.isBozo(blog.PostAuthor)} slBozoContent{/if}">
                        <a href="${blogPostLink}" class="slHeadline">${truncateString(blog.PostTitle, options.maxBlogTitleLength)}</a>
                        <div class="slInfo">
                            by <a href="${urls.personas.home(blog.PostAuthor.UserKey.Key)}" class="slUserName">${blog.PostAuthor.DisplayName}</a>
                            <span class="slDetails">${toLocalTimeString(blog.PostDate)}</span>
                            <a href="${blogPostLink}#commentTop" class="slInfoDetails">${blog.NumberOfComments} Comments</a>
                        </div>
                        <p>${truncateString(removeHTMLTags(blog.PostBody), 300)}</p>
                        <div class="slContent"><a href="${blogPostLink}" class="slReadMore">Read more »</a></div>
                    </li>
                    {forelse}
                    {if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
                    <li class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to be the first to write a blog post.<li>
                    {else}
                    <li class="slDefaultText">There aren't any blog posts yet. Be the first to <a href="${urls.groups.showBlog(options.groupKey, blogKey, true)}">write a post</a>.</li>
                    {/if}
                    {/for}
                </ul>
                {elseif options.currentTab == DISCUSSIONS_TAB}

<table class="communityTable small">
                    <tr>
                        <th>Discussions</th>
                        <th>Views</th>
                        <th>Posts</th>
                        <th>Latest Post</th>
                    </tr>
                    {for discussion in discussionPosts}
                    {var discussionLink = urls.groups.showForumPost(options.groupKey, discussion.ForumDiscussionKey.Key)}
                    {var isAlt = (discussion_index % 2 == 1)}
                    <tr class="{if WIDGETINSTANCE.isBozo(discussion.LiteUser)}slBozoContent{/if} {if isAlt}odd{/if}">
                        <td><a href="${discussionLink}">${truncateString(discussion.DiscussionTitle, options.maxDiscussionTitleLength)}</a></td>
                        <td class="slDiscussionViews">${discussion.DiscussionViewCount}</td>
                        <td>${discussion.PostCount}</td>
                        <td class="slDate"><nobr>${toLocalTimeString(discussion.LastUpdated)}</nobr><br/>by <a href="${urls.personas.home(discussion.LastPostBy.UserKey.Key)}">${discussion.LastPostBy.DisplayName}</a></td>
                    </tr>
                    {forelse}
                    {if currentGroup.RequestingUsersMembershipTier === 'NonMember'}
                    <tr>
                        <td class="slDefaultText"><a href="#" onclick="WIDGETINSTANCE.joinThisGroup();">Join this group</a> to start the first discussion.</td>
                    </tr>
                    {else}
                    <tr>
                        <td class="slDefaultText"><a href="${urls.groups.showForumDiscussion(options.groupKey, forumKey, true)}">Start the first discussion</a> in the group forum.</td>
                    </tr>
                    {/if}
                    {/for}
                </table>
                {/if}
            </div>

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its forums.
{else}
{macro paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slPagination">
        {if !(currentPage == 1 && !paginationVars.nextPageNum)}
		{var thisPage = startPage}
		<ul>
		{if enableCommunityGroupPaginationNumbers}
			{if paginationVars.prevPageNum}
				<li><a href="#" class="slPaginationButtonPrev" onclick="WIDGETINSTANCE.prevPage(); return false;"></a></li>
			{else}
				<li><span class="slPaginationButtonPrevDisabled"></span></li>
			{/if}
			{if hasFirstPage}
				<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(1); return false;">1</a></li>
				<li><span class="slPaginationSeparator">...</span></li>
			{/if}
			{for item in paginationLimit}
				{if thisPage <= endPage}
					{if item <= maxPage}
						{if thisPage != currentPage}
							<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${thisPage}); return false;">${thisPage}</a></li>
						{else}
							<li><span class="paginationNumber">${thisPage}</span></li>
						{/if}
					{/if}
				{/if}
				{var thisPage = thisPage + 1}
			{/for}
			{if hasLastPage}
				<li><span class="slPaginationSeparator">...</span></li>
				<li><a href="#" class="paginationNumber" onclick="WIDGETINSTANCE.gotoPage(${maxPage}); return false;">${maxPage}</a></li>
			{/if}
			{if paginationVars.nextPageNum}
				<li><a href="#" class="slPaginationButtonNext" onclick="WIDGETINSTANCE.nextPage(); return false;"></a></li>
			{else}
				<li><span class="slPaginationButtonNextDisabled"></span></li>
			{/if}
		{else}
			{if paginationVars.firstPageNum}<li><a href="#" onclick="WIDGETINSTANCE.firstPage(); return false;">« First</a></li>{/if}
			{if paginationVars.prevPageNum}<li><a href="#" onclick="WIDGETINSTANCE.prevPage(); return false;">Previous</a></li>{/if}
			{if paginationVars.nextPageNum}<li><a href="#" onclick="WIDGETINSTANCE.nextPage(); return false;">Next</a></li>{/if}
			{if paginationVars.lastPageNum}<li><a href="#" onclick="WIDGETINSTANCE.lastPage(); return false;">Last »</a></li>{/if}
		{/if}
		</ul>
		<div class="slClear"></div>
        {/if}
	</div>
{/macro}
<div id="slGroupDiscussionThread" class="slGroupDiscussionThread slV2">
	<div class="slColumnSpan">
		${headerWidget}

{if WIDGETINSTANCE.currentUserIsGroupMember(group)}
            <a class="btn" href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key, true)}"><span>Start a discussion</span></a>
        {/if}

${joinThisGroup}
        
            {if !(onPage == 1 && posts.length == 1)}
            <div class="slPostWrapper slPostWrapperAlt">
                <div class="slUserInfo">
                    <a href="http://www.aarp.org/online-community/people/showProfile.action?UID=6880772&plckUserId=6880772"><img src="http://sitelife.aarp.org/ver1.0/Content/images/store/9/12/99394968-e57e-4d97-ac58-9dc216515c7c.Small.jpg?0" class="slAvatarMedium"/></a>
                    <ul class="slUserDetails">
                        <li><a href="http://www.aarp.org/online-community/people/showProfile.action?UID=6880772&plckUserId=6880772" class="slUserName">DintyWMoore</a></li>
                        <li><span class="slCallout">First Post:</span> 09/14/2009
        			    <li><span class="slCallout">Last Post:</span> 02/09/2012
                        <li><span class="slCallout">Total Posts:</span> 348</li>
                    </ul>
                </div>
                <div class="slPost readMore">
					<div class="slHeadline" title="August 2011 Memoir Writing Prompt: A Place for Solitude">August 2011 Memoir Writing Prompt: A Place for Solitude</div>
					<div class="slPostTime">
						posted at ${toLocalTimeString("11/09/2011 06:04:38 PM")}
					</div>
					<div class="slPostBody readMore">
                        <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">Depending on the number of brothers and sisters you had, or the size of the house or apartment you grew up in, you may have felt more or less urgency to get away from the crowd.<span style="mso-spacerun:yes;">  </span>I think even ‘only’ children like to be tucked away sometimes, hidden from the world. All kids seem to love it.</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">My wife grew up with three sisters and two brothers, in a small house, and she remembers retreating to an upstairs closet for hours at a time. Sequestered in a dark corner, she was well beyond the reach of her pesky little brothers, and the imaginary world was all for her, not needing to be shared.</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">I didn’t hide in the closet, but I do remember various nooks and crannies of my childhood home that served as places of refuge, and fantasy.<span style="mso-spacerun:yes;">  </span>The underside of the dining room table, once the top was covered with two tablecloths, clothes-pinned together to block out all outside views, became a submarine.<span style="mso-spacerun:yes;">  </span>Under the cellar steps was a hidden bunker, where the Nazi troops could not find me.<span style="mso-spacerun:yes;">  </span>The narrow alleyway separating our garage from the neighbor’s garage was a magical portal, where almost anything could happen. (Though in truth, nothing much ever did.)</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">None of these hiding places compared to the garage, itself. <span style="mso-spacerun:yes;"> </span>For some reason, my family had two garages behind our house on Ninth Street, though we had just one car.<span style="mso-spacerun:yes;">  </span>It meant less yard, no chance of four bases for a game of whiffle ball, but I didn’t mind, because the smaller, empty garage became kid territory, and by the time I was seven or so, my older sisters had lost all interest, and it was all mine.<span style="mso-spacerun:yes;">  </span>(The words “Katie Keene Club” were painted on the inside wall to prove that Susan and Sally once “owned” the place, but I just ignored that.<span style="mso-spacerun:yes;">  </span>(I wonder if the painted words are still there, or if anyone remembers Katie Keene comic books anymore?)</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">During the day, the garage was headquarters and hide-out for me and my friends when we waged war on the boys of Tenth Street.<span style="mso-spacerun:yes;">  </span>Eventually, it became our overnight cabin, for sleep-overs and midnight adventures. But best of all, it became a place I could disappear, and be lost to the world.<span style="mso-spacerun:yes;">  </span>For some reason, there was an old desk in the garage, so it became my office, for important business activities like sorting baseball cards, gluing popsicle sticks, and taking apart broken radios to see what was inside.</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">I’ve heard that some kids would disappear up in the backyard tree, while others squeezed into a solitary cavern behind the living room sofa or crawled into an empty cabinet in the basement. I’ve heard all kinds of stories along these lines, but the one through-line is that we needed to be alone, just for a short while, or sometimes all day.</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">So where was your escape hatch?<span style="mso-spacerun:yes;">  </span>Where did you hide when the world was too loud, too busy, or too crowded?<span style="mso-spacerun:yes;">  </span>Where did you go to be alone?</span></p>     <p style="text-indent:0in;" class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;font-family:"mso-fareast-font-family:"mso-bidi-font-weight:bold;">Let us see, feel, smell, and touch the place, and let us see you at age five or ten, and what you did there</span></p>
					</div>
                    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
                        {if getCurrentUser().UserKey.Key == 6880772}
                        <div class="slUtils">
                            <a class="slIcon_Edit" href="#" class="slIcon_Edit" onclick="WIDGETINSTANCE.showPostDialog('Cat:privateForum:72f46d24-de65-4fea-8641-896ff9e0a1be@D|9;10|CommGroupGroup10702|Discussion:9af32f38-75c3-4d81-843a-8652c8d15583Post:691a85cf-6584-497e-97c9-caf91e9c0155', null, 'edit'); return false;">Edit Post</a>
                            <div class="slClear"></div>
                        </div>
                        {/if}
                    {/if}
					<div class="slClear"></div>
        		</div>
            </div>
            {/if}

<div class="slClear"></div>
	</div>
	{if posts.length === 0}
		<h3 class="slNoContent">This discussion was not found.</h3>
		<p class="slNoContent">Please <a href="${urls.groups.showForumDiscussion(options.groupKey, group.ForumKey.Key)}">return to the forums</a>.</p>
	{else}
    
    ${paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slGroupDiscussionPosts">
        
        <div class="slButtons slButtons-top">
            {if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
                <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new'); return false;" class="slButton1"><span class="slButton1_Right">Reply To Post</span></a>
            {/if}
        </div>
    
		<div class="slAdminUtils">
		{if WIDGETINSTANCE.currentUserIsGroupManager(group)}
			{var stickyTitle = 'Set Sticky'}
			{var closedTitle = 'Set Closed'}
			{if isSticky}
				{var stickyTitle = 'Remove Sticky'}
			{/if}
			{if isClosed}
				{var closedTitle = 'Remove Closed'}
			{/if}
			    <a href="#" onclick="WIDGETINSTANCE.setSticky(${isSticky}); return false;" class="slIcon_DiscussionSticky" title="${stickyTitle}">${stickyTitle}</a>
			    <a href="#" onclick="WIDGETINSTANCE.setClosed(${isClosed}); return false;" class="slIcon_DiscussionClosed" title="${closedTitle}">${closedTitle}</a>
			{/if}
			{if !getCurrentUser().isAnonymous}
				{if options.discussionEmailSubscriptionEnabled && getCurrentUser().Email.length > 0}
					{if !isSubscribed}
						<a href="#" onclick="WIDGETINSTANCE.DiscussionSubscribe(); return false;" class="slIcon_DiscussionSubscribe" title="Subscribe to this Discussion via Email">Subscribe</a>
					{else}
						<a href="#" onclick="WIDGETINSTANCE.DiscussionUnSubscribe(); return false;" class="slIcon_DiscussionSubscribe" title="Unsubscribe from this Discussion">Unsubscribe</a>
					{/if}
				{/if}
				<a href="#" onclick="WIDGETINSTANCE.MarkAllRead(); window.location.reload(); return false;" class="slIcon_DiscussionMarkAllRead" title="Mark All Posts Read">Mark All Posts Read</a>
			{/if}
            <a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortPosts()" {if options.sortOrder == 'TimeStampAscending'} class="slIcon_DownArrow" {elseif options.sortOrder == 'TimeStampDescending'} class="slIcon_UpArrow"{/if}>Date Sort</a>
		</div>
        
		<div class="slSectionTitle slIcon_Conversation">${discussion.DiscussionTitle}</div>
		{if (options.gotoPostKey && postNotFound)}
			<div class="slErrorText" style="display: block;">Sorry, the post you requested was not found.</div>
		{/if}
		<ul>
		{for post in posts}
		{var isAlt = (post_index % 2 == 1);}
		{var isNew = (new Date(post.LastUpdated)) > (new Date(discussion.LastRead))}
		{if options.sortOrder == 'TimeStampDescending'}
			{var isPollPost = isPoll && post_index == posts.length-1 && paginationVars.lastPageNum == null}
		{else}
			{var isPollPost = isPoll && post_index == 0 && onPage == 1 }
		{/if}
		<li class="slItem {if WIDGETINSTANCE.isBozo(post.LiteUser)} slBozoContent{/if}">
			<div class="slPostWrapper {if isAlt} slPostWrapperAlt{/if} {if isNew} slPostWrapperNew{/if}">
			{if post.IsEnemyPost == "False"}
				<div class="slUserInfo">
					<a href="${urls.personas.home(post.LiteUser.UserKey.Key)}"><img src="${post.LiteUser.ImageUrl}" class="slAvatarMedium"/></a>
					<ul class="slUserDetails">
						<li><a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a></li>
						{var firstPostDate = toLocalTime(post.UserFirstPostDate)}
						{var lastPostDate = toLocalTime(post.UserLastPostDate)}
						<li><span class="slCallout">First Post:</span> ${slwidgets.dateFormat(firstPostDate, "shortDateLongYear")}</li>
						<li><span class="slCallout">Last Post:</span> ${slwidgets.dateFormat(lastPostDate, "shortDateLongYear")}</li>
						<li><span class="slCallout">Total Posts:</span> ${post.UserTotalPosts}</li>
					</ul>
				</div>
				{var title = post.PostTitle}
				{if !isPollPost && post.IsQuestion === 'True'}
					{var title = 'Question: ' + post.PostTitle}
				{/if}
				<div class="slPost" id="post_${post.ForumPostKey.Key}">
					{eval}
						/* For marking posts read as we scroll.  If you change the above ID in the template, make sure the mapping is changed as well. */
						WIDGETINSTANCE.addPostToDomMapping(post, "post_" + post.ForumPostKey.Key);
					{/eval}
					<div class="slForumPostTopRightIcons">
						{if isNew}
							<div class="slNewPostIndicator"></div>
						{/if}
						<a class="slForumPostPermalink" href="${urls.groups.showForumPost(options.groupKey, options.postKey, options.onPage, post.ForumPostKey.Key)}" title="Permalink"></a>
					</div>
					<div id="${postTitleId}${post_index}" class="slHeadline {if isPollPost } slIcon_DiscussionPoll {elseif post.IsQuestion == "True"} slIcon_DiscussionQuestion {/if}" title="${title}">${post.PostTitle}</div>
					<div class="slPostTime">
						posted at ${toLocalTimeString(post.LastUpdated)}
					</div>
					<p>
						${post.PostBody}
						{if isPollPost}
						${displayPoll}
						{/if}
					</p>

<div class="slUtils">
					    {if WIDGETINSTANCE.currentUserIsGroupMember(group)}
						    {if !isClosed}
							    <a href="#" onclick="WIDGETINSTANCE.showReply('${post_index}', 'reply'); return false;" class="slButton1"><span class="slIcon_Reply"><span class="slButton1_Right">Reply to this post</span></span></a>
						    {/if}
						    {if getCurrentUser().UserKey.Key !== post.LiteUser.UserKey.Key}<a href="javascript:void(0);" onclick="WIDGETINSTANCE.hidePosts('${post.LiteUser.UserKey.Key}');" class="slIcon_Block">Hide posts from this user</a>{/if}
						    {if getCurrentUser().UserKey.Key === post.LiteUser.UserKey.Key}
							    <a class="slIcon_Edit" href="#" class="slIcon_Edit" onclick="WIDGETINSTANCE.showPostDialog('${post.ForumPostKey.Key}', null, 'edit'); return false;">Edit Post</a>
						    {/if}
						    {if currentUserCanDelete(post.UserKey, group)}
						    <a class="slIcon_Delete" href="#" onclick="WIDGETINSTANCE.deletePost('${post.ForumPostKey.Key}'); return false;">Delete post</a>
						    <textarea id="${postDeleteWarningId}_${post.ForumPostKey.Key}" style="display:none;"><h2>Are you sure you want to delete the post "${post.PostTitle}"?</h2></textarea>
						    {/if}
					    {/if}

{var currentUserHasReportedAbuse = (post.CurrentUserHasReportedAbuse == "True")}
					    ${showReportAbuse("ForumPostKey", post.ForumPostKey.Key, currentUserHasReportedAbuse)}
					    ${reportAbuseDialogWidget}
						<div class="slClear"></div>
					</div>
					<div id="${postReplyContainerId}${post_index}"></div>
					<div class="slClear"></div>
				</div>
			{else}
				<div class="slUserInfo slUserBlocked">
					<a href="${post.LiteUser.PersonaUrl}" class="slUserName">${post.LiteUser.DisplayName}</a>
				</div>
				<div class="slPost">
					You are currently blocking posts from this user.  <a href="javascript:void(0);" onclick="WIDGETINSTANCE.showPosts('${post.LiteUser.UserKey.Key}');">Show Posts from this user</a>
				</div>
			{/if}
			</div>
		</li>
		{/for}
		</ul>
	</div>
	${paginationDisplay(enableCommunityGroupPaginationNumbers)}
	<div class="slButtons">
	{if WIDGETINSTANCE.currentUserIsGroupMember(group) && !isClosed}
	<a href="javascript:void(0);" onclick="WIDGETINSTANCE.showNewPostDialog('new'); return false;" class="slButton1"><span class="slButton1_Right">Reply To Post</span></a>
	{/if}
	</div>
	<div id="${postReplyContainerId}-1" class="slClear"></div>
	<div id="${postReplyId}" style="display: none;">
		<div class="slReply">
			<div class="slHeadline">Reply to this Discussion</div>
			<span class="slNote">(Required Fields)</span>
			<div class="slForm">
				<div class="slFormField">
					<label for="${replyTitleId}">Headline<span>*</span></label>
					<input id="${replyTitleId}" type="text" class="slFormInput slFormInputText"/>
					<div id="${replyTitleErrorId}" class="slErrorText">Please enter a title for this discussion</div>
				</div>
				<div class="slFormField" style="width: 510px">
					<label for="${replyBodyId}">Your Reply<span>*</span></label>
					<textarea id="${replyBodyId}" class="slFormInput slFormInputText"></textarea>
					<div id="${replyBodyErrorId}" class="slErrorText">Please enter a reply for this discussion</div>
				</div>
				<div class="slFormField slQuestion">
					<input type="checkbox" id="${replyQuestionId}" class="slFormInputChecked"/> <label for="${replyQuestionId}">Mark this post as a question</label>
				</div>
				<div class="slButtons slFLC">
					<a href="#" onclick="WIDGETINSTANCE.addReply(); return false;" class="slButton1"><span class="slButton1_Right">Add your Reply</span></a>
					<a href="#" onclick="WIDGETINSTANCE.cancelReply(); return false;" class="slCancel">Cancel</a>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
{/if}
${newPostWidget}
${confirmationBox}
<div class="slPluckLogoDiscussionPostsPage">
	${pluckLogo}
</div>

{var isEdit = group.CommunityGroupKey}
            <div class="slGroupCreate">
                ${breadcrumbs}
                <div class="slGroupInfo">
                    <h1 class="slPageTitle">{if isEdit}Edit{else}Create a Group{/if}</h1>
                </div>
                <div id="${formId}" class="slForm">
                    <input type="hidden" id="${formId}key" value="${group.CommunityGroupKey.Key}" />
                    <span class="slNote">* Required Fields</span>
                    <div class="slFormField">
                        <label>Group Name <span>*</span> <span class="slErrorText" id="${blankTitleErrorId}">Please enter a group title.</span></label>
                        <input type="text" class="slFormInput slFormInputText" value="${group.Title}" id="${formId}title"/>
                    </div>
                    <div class="slFormField">
                        <label>Group Image/Avatar</label>
                        {eval}/*
                        {if isEdit}
                        <div class="slAvatar slFLC">
                            <img src="${group.AvatarImageUrl}" />
                            <div class="slFormInput">
                                <span>Change Photo</span>
                                <button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
                            </div>
                        </div>
                        {else}
                        <button type="button" class="slFormInput" onclick="WIDGETINSTANCE.browsePhoto()">Browse...</button>
                        {/if}
                        */
                        {/eval}
                        ${singleImageUpload}
                    </div>
                    <div class="slFormField">
                        <label>Description of the Group <span>*</span> <span class="slErrorText" id="${blankDescriptionErrorId}">Please enter a group description.</span></label>
                        <textarea class="slFormInput slFormInputText" id="${formId}description">${group.Description}</textarea>
                    </div>
                    <div class="slFormField">
                        <label>Tags</label><span>(Separate each tag with a comma)</span>
                        <input type="text" class="slFormInput slFormInputText" id="${formId}categories" value="${group.Categories}"/>
                    </div>
                    <div class="slFormField">
                        <label>Category</label>
                        <select id="${formId}section" />
                        <option{if group.Section == 'health'} SELECTED{/if} value="health">Health</option>
                        <option{if group.Section == 'money'} SELECTED{/if} value="money">Money</option>
                        <option{if group.Section == 'work'} SELECTED{/if} value="work">Work</option>
                        <option{if group.Section == 'personal growth'} SELECTED{/if} value="personal growth">Personal Growth</option>
                        <option{if group.Section.indexOf('politics') > -1 && group.Section.indexOf('society') > -1} SELECTED{/if} value="politics & society">Politics & Society</option>
                        <option{if group.Section == 'relationships'} SELECTED{/if} value="relationships">Relationships</option>
                        <option{if group.Section.indexOf('home') > -1 && group.Section.indexOf('garden') > -1} SELECTED{/if} value="home & garden">Home & Garden</option>
                        <option{if group.Section == 'food'} SELECTED{/if} value="food">Food</option>
                        <option{if group.Section == 'travel'} SELECTED{/if} value="travel">Travel</option>
                        <option{if group.Section == 'entertainment'} SELECTED{/if} value="entertainment">Entertainment</option>
                        <option{if group.Section == 'technology'} SELECTED{/if} value="technology">Technology</option>
                        <option{if group.Section == 'giving back'} SELECTED{/if} value="giving back">Giving Back</option>
                        </select>
        
                    </div>
                    {if !isEdit}
                    <div class="slFormField">
                        <label>Visibility of the Group</label>
                        <div class="slFormInput slFormInputRadio">
                            <label><input type="radio" {if group.CommunityGroupVisibility == 'Public' || group.CommunityGroupVisibility == ''} checked="checked" {/if} id="${formId}visibilityPublic" name="${formId}visibility"/> <span>Public:</span> Anyone can join and participate</label>
                            <label><input type="radio" {if group.CommunityGroupVisibility == 'Private'} checked="checked" {/if} id="${formId}visibilityPrivate" name="${formId}visibility"/> <span>Private:</span> Only approved members can view and participate</label>
                        </div>
                    </div>
                    {/if}
                    <div id="${uploadAvatarMessageId}"></div>
                    {if isEdit}
                    <a id="${createButtonId}" href="#" onclick="WIDGETINSTANCE.updateGroup();" class="slButton1 slSubmit buttonGroupEdit"><span  class="slButton1_Right">Edit</span></a>
                    {else}
                    <a id="${createButtonId}" href="#" onclick="WIDGETINSTANCE.updateGroup();" class="slButton1 slSubmit buttonGroupCreate"><span  class="slButton1_Right">Save</span></a>
                    {/if}
                    <a href="#" onclick="WIDGETINSTANCE.cancel()" class="slCancel">Cancel</a>
                </div>
        
                ${updatingBox}
            </div>
            <div style="display:none" id="submitting">
                {if isEdit}
                Editing Your Group
                {else}
        Creating Your Group
        {/if}
    </div>

AARP tips

Join AARP

Become a
Member

AARP
Membership

Membership
Expired!

Renew
Your Card

Most Popular
Articles

Viewed

Recommended

Commented

Services & Discounts

Groups

About AARP

INITIATIVES

PROGRAMS

PRESS & MEDIA

Where AARP Stands

Policy

Research

Take Action

AARP in Your State

News From:

AARP tips

Join AARP

Become a Member

AARPMembership

MembershipExpired!

RenewYour Card

Most PopularArticles

Viewed

Recommended

Commented

Services & Discounts

Groups

About AARP

INITIATIVES

PROGRAMS

PRESS & MEDIA

Where AARP Stands

Policy

Research

Take Action

AARP in Your State

News From:

Become a
Member

AARP
Membership

Membership
Expired!

Renew
Your Card

Most Popular
Articles